@charset "utf-8";
/* CSS Document */
html, body, div {margin: 0;	padding: 0;	border: 0;}
body {margin:0; padding:0px;  color:#505050; font-size:12px; line-height:22px; font-family: "微软雅黑",arial, verdana, sans-serif;}
img {border: 0;}
ul, li { list-style: none; margin:0; padding:0px;}
.clear {clear:both; /*line-height:0px; height:0px; padding:0px; margin:0px;*/}
.left {float:left;}
.right {float:right;}
a {text-decoration:none; color:#565656;}



/*导航*/
.nav {background:url(../images/main1_03.png) repeat-x; height:47px; width:1420px; margin:0 auto; position:absolute; z-index:2}
.nav table {text-align:center; width:1003px;}
.nav table tr td .ad {line-height:47px; color:#515151; font-size:14px; background:url(../images/main1_03.png) no-repeat; display:block;}
.nav table tr td:hover .ad {line-height:47px; color:#007d93; font-size:14px; background:url(../images/nav_03.png) no-repeat; display:block;}
.nav table tr td .nv {line-height:40px; color:#007DC5; font-size:14px; background:url(../images/nav_03.png) no-repeat; display:block;}
.navm { position:absolute; z-index:9999px; top:44px; left:12%; width:985px; height:186px; background:url(../images/n1.png) no-repeat; padding:32px 0; display:none;}
.navm table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navm_7 { position:absolute; z-index:9999px; top:44px; left:580px; width:145px; height:100px; background:url(../images/n1.png) no-repeat; padding:32px 0; display:none;}
.navm_7 table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navm1 {width:174px; padding-left:40px;}
.navm1 ul li { background:url(../images/i3.jpg) no-repeat left center; clear:both; padding-left: 13px; height:16px; text-align:left; line-height:20px; height:20px;}
.navm1 ul li a { font-size:14px; line-height:16px; background:none;}
.navm1 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navm2 {width:490px; padding:0 25px; background:url(../images/n5.png) no-repeat left center; height:186px;}
.navm3 {width:164px; padding:0 28px; background:url(../images/n5.png) no-repeat left center; height:186px;}
.navm3 ul li {text-align:left;}
.navm4 {width:161px; padding-left:40px;}
.navm4 ul li { background:url(../images/i3.jpg) no-repeat left center; clear:both; padding-left: 13px; height:16px; text-align:left;}
.navm4 ul li a { font-size:14px; line-height:16px; background:none;}
.navm4 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navm5 {width:343px; padding:0 25px; background:url(../images/n5.png) no-repeat left center; height:186px;}

.navn { position:absolute; z-index:9999px; top:44px; left:15%; width:985px; height:330px; background:url(../images/n6.png) no-repeat; padding:23px 0; display:none;}
.navn table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navn1 {width:234px; padding-left:40px; position:relative;}
.navn1 ul li { background:url(../images/i3.jpg) no-repeat left center; padding-left: 13px; height:16px; text-align:left; line-height:20px; height:20px;}

.navn1 ul li a { font-size:14px; line-height:16px; background:none;}
.navn1 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navn2 {width:266px; padding:0 25px; background:url(../images/i4.jpg) no-repeat left center; height:272px;}
.navn4 {width:266px; padding:0 25px; background:url(../images/i4.jpg) no-repeat left center; height:272px;}
.nav table tr td:hover .navm {display:block;}
.nav table tr td:hover .navm_7 {display:block;}
.nav table tr td:hover .navn {display:block;}


.navn3 { width:397px; height:236px; padding:0 30px; position:absolute; left:200px; padding-top:34px; top:0; background:url(../images/j6.jpg) repeat-x; display:none; }
.navn3 ul li {float:left; background:none; padding:4px 0; width:120px;}
.navn3 ul li a {font-size:12px; color:#007DC5;}
.navn3 ul li a:hover {font-size:12px; color:#007DC5;}
.navn3 a {font-size:12px; color:#007DC5;}
.navn3 a:hover {font-size:12px; color:#007DC5;}
.navn1 ul li:hover div {display:block;}

.li1 {padding-left:17px; padding-bottom:2px; height:18px;}
.li2 { width:420px; height:132px; background:url(../images/cc.png) no-repeat; position:absolute; top:8px; left:7px; color:#000;}
.span2 { color:#000; font-weight:bold; display:block;}

.dvc {width:350px; margin:0 auto; padding-top:2px; }
.dvc td {text-align:left;}






#slides {
position:relative;
	z-index:100;
}

#slides .next,#slides .prev {
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {

	width:1002px;
	height:385px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}



.pagination {
position:absolute;
left:48%; top:300px;
z-index:99;

	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/cc.jpg);
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-image:url(../images/ch.jpg);
}

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url('images/dot.gif') left 25px repeat-x;
}
#dates {
	background:url(../images/a4.png) repeat-x;
	padding-right:111px;
	width:100%;
	overflow: hidden;
}
#dates li {float:left; text-align:center;}
	#dates li a {
		background:url(../images/a4.png) no-repeat center top; display:block; width:112px; color:#E7E7E7; line-height:23px;
	}

	#dates li a.selected {
		background:url(../images/a5.png) no-repeat center top; display:block; width:112px; color:#FFF; line-height:23px;
	}

#issues {
	width:100%;
	overflow: hidden;
}	
#issues li { float:left; width:420px; padding-top:10px;}

#grad_left,
#grad_right {
	width:30px;
	height: 35px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
  
}
#grad_right {
	right: 0;
   
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 60px;
	width: 30px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next {
	right: -10px;
	background-image: url('../images/b2.jpg');
}
#prev {
	left:10px;
	background-image: url('../images/b1.jpg');
}
#next.disabled,
#prev.disabled {
	opacity: 0.2;
}




/*英文版导航*/
.nav {background:url(../images/main1_03.png) repeat-x; height:47px; width:1420px; margin:0 auto; position:absolute; z-index:2}
.nav table {text-align:center; width:1003px;}
.wd { width:125px;}
.nav table tr td .ad {line-height:47px; color:#515151; font-size:14px; background:url(../images/main1_03.png) no-repeat; display:block; width:125px;}
.nav table tr td:hover .ade {line-height:47px; color:#007d93; font-size:14px; background:url(../images/nav_03.png) no-repeat; display:block; width:125px;}
.nav table tr td .nv {line-height:40px; color:#007DC5; font-size:14px; background:url(../images/nav_03.png) no-repeat; display:block;}
.navm { position:absolute; z-index:9999px; top:44px; left:12%; width:985px; height:186px; background:url(../images/n1.png) no-repeat; padding:32px 0; display:none;}
.navm table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navm_7 { position:absolute; z-index:9999px; top:44px; left:580px; width:145px; height:100px; background:url(../images/n1.png) no-repeat; padding:32px 0; display:none;}
.navm_7 table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navm1 {width:174px; padding-left:40px;}
.navm1 ul li { background:url(../images/i3.jpg) no-repeat left center; clear:both; padding-left: 13px; height:16px; text-align:left; line-height:20px; height:20px;}
.navm1 ul li a { font-size:14px; line-height:16px; background:none;}
.navm1 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navm2 {width:490px; padding:0 25px; background:url(../images/n5.png) no-repeat left center; height:186px;}
.navm3 {width:164px; padding:0 28px; background:url(../images/n5.png) no-repeat left center; height:186px;}
.navm3 ul li {text-align:left;}
.navm4 {width:161px; padding-left:40px;}
.navm4 ul li { background:url(../images/i3.jpg) no-repeat left center; clear:both; padding-left: 13px; height:16px; text-align:left;}
.navm4 ul li a { font-size:14px; line-height:16px; background:none;}
.navm4 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navm5 {width:343px; padding:0 25px; background:url(../images/n5.png) no-repeat left center; height:186px;}

.navn { position:absolute; z-index:9999px; top:44px; left:15%; width:985px; height:330px; background:url(../images/n6.png) no-repeat; padding:23px 0; display:none;}
.navn table tr td {vertical-align:top; line-height:18px; text-align:left;}
.navn1 {width:234px; padding-left:40px; position:relative;}
.navn1 ul li { background:url(../images/i3.jpg) no-repeat left center; padding-left: 13px; height:16px; text-align:left; line-height:20px; height:20px;}

.navn1 ul li a { font-size:14px; line-height:16px; background:none;}
.navn1 ul li a:hover { font-size:14px; line-height:16px; background:none;}
.navn2 {width:266px; padding:0 25px; background:url(../images/i4.jpg) no-repeat left center; height:272px;}
.navn4 {width:266px; padding:0 25px; background:url(../images/i4.jpg) no-repeat left center; height:272px;}
.nav table tr td:hover .navm {display:block;}
.nav table tr td:hover .navm_7 {display:block;}
.nav table tr td:hover .navn {display:block;}


.navn3 { width:397px; height:236px; padding:0 30px; position:absolute; left:200px; padding-top:34px; top:0; background:url(../images/j6.jpg) repeat-x; display:none; }
.navn3 ul li {float:left; background:none; padding:4px 0; width:120px;}
.navn3 ul li a {font-size:12px; color:#007DC5;}
.navn3 ul li a:hover {font-size:12px; color:#007DC5;}
.navn3 a {font-size:12px; color:#007DC5;}
.navn3 a:hover {font-size:12px; color:#007DC5;}
.navn1 ul li:hover div {display:block;}

.li1 {padding-left:17px; padding-bottom:2px; height:18px;}
.li2 { width:420px; height:132px; background:url(../images/cc.png) no-repeat; position:absolute; top:8px; left:7px; color:#000;}
.span2 { color:#000; font-weight:bold; display:block;}

.dvc {width:350px; margin:0 auto; padding-top:2px; }
.dvc td {text-align:left;}






#slides {
position:relative;
	z-index:100;
}

#slides .next,#slides .prev {
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {

	width:1002px;
	height:385px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}



.pagination {
position:absolute;
left:48%; top:300px;
z-index:99;

	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/cc.jpg);
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-image:url(../images/ch.jpg);
}

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url('images/dot.gif') left 25px repeat-x;
}
#dates {
	background:url(../images/a4.png) repeat-x;
	padding-right:111px;
	width:100%;
	overflow: hidden;
}
#dates li {float:left; text-align:center;}
	#dates li a {
		background:url(../images/a4.png) no-repeat center top; display:block; width:112px; color:#E7E7E7; line-height:23px;
	}

	#dates li a.selected {
		background:url(../images/a5.png) no-repeat center top; display:block; width:112px; color:#FFF; line-height:23px;
	}

#issues {
	width:100%;
	overflow: hidden;
}	
#issues li { float:left; width:420px; padding-top:10px;}

#grad_left,
#grad_right {
	width:30px;
	height: 35px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
  
}
#grad_right {
	right: 0;
   
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 60px;
	width: 30px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next {
	right: -10px;
	background-image: url('../images/b2.jpg');
}
#prev {
	left:10px;
	background-image: url('../images/b1.jpg');
}
#next.disabled,
#prev.disabled {
	opacity: 0.2;
}